<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<% String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath();%>
<!DOCTYPE html>
<html>

<head>
    <title>登录</title>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet/less" type="text/css" href="<%=basePath%>/resources/common/common.less"/>
    <link rel="stylesheet/less" type="text/css" href="<%=basePath%>/resources/user/login.less"/>
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/2.5.3/less.min.js"></script>
</head>
<body>
<div class="body">
    <div class="container">
        <div class="title">
            <a href="<%=basePath%>/login" class="active">登录</a>
            <span>·</span>
            <a href="<%=basePath%>/register">注册</a>
        </div>
        <form action="<%=basePath%>/login" method="post" onsubmit="return formValidate()">
            <div class="form">
                <div class="form-group">
                    <div class="input-group">
                        <div class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></div>
                        <input type="email" class="form-control" name="loginName" placeholder="邮箱">
                    </div>
                </div>
                <div class="form-group">
                    <div class="input-group">
                        <div class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></div>
                        <input type="password" class="form-control" name="loginPwd" placeholder="密码">
                    </div>
                </div>
                <div class="checkbox">
                    <label>
                        <input type="checkbox" name="remember"> 记住我
                    </label>
                </div>
                <button class="btn" type="submit">登录</button>
            </div>
        </form>
        <h6>社交帐号登录</h6>
        <ul class="platform">
            <li>
                <a class="weibo"><i class="fa fa-weibo"></i></a>
            </li>
            <li>
                <a class="weixin"><i class="fa fa-weixin"></i></a>
            </li>
            <li>
                <a class="qq"><i class="fa fa-qq"></i></a>
            </li>
        </ul>
    </div>
</div>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="<%=basePath%>/resources/user/js/login.js"></script>
</body>
</html>